/* Large desktop */
@media (min-width: 1200px) { 

}

@media all and (max-width: 1120px) and (min-width: 992px) {
  .cap-one-logo {
    margin-left: 0;
    padding: 0 25px;
    width: 120px;
  }
  
  li.search {
    max-width: 145px;
  }
}

@media all and (max-width: 991px) {
  .homepage-testimonials .testimonial {
    position: relative;
    overflow: visible;
    margin-top: 30px;
    transition: all 0.3s;
    display: inline-block;
  }
  
  .homepage-testimonials .testimonial::after {
    content: '';
    position: absolute;
    height: 110%;
    width: 400px;
    max-width:100%;
    top: -5%;
    left: 0;
    right: 0;
    margin: auto;
    border: 1px solid #E5E5E5;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  }
  
  .homepage-testimonials .owl-item {
    text-align: center;
    padding: 0 34px;
  }
  
  .homepage-testimonials {
    padding: 40px 0 !important;
  }
  
  .homepage-testimonials .theme-row {
    margin: 0 auto !important;
    padding: 0 50px;
  }
  
  .owl-prev-trigger, .owl-next-trigger {
    font-size: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 22px;
    width: 15px;
    z-index:100;
  }
  
  .homepage-testimonials {
    position: relative;
  }
  
  .homepage-testimonials .owl-next-trigger {
    right: 20px;
    background: url('/Shared/Themes/SparkPay2015-5-15 [Spork]/images/next-owl.png') no-repeat center/cover;
  }
  
  .homepage-testimonials .owl-prev-trigger {
    left: 20px;
    background: url('/Shared/Themes/SparkPay2015-5-15 [Spork]/images/prev-owl.png') no-repeat center/cover;
  }
  
  .logo-area > span {
    display: inline-block;
    vertical-align: middle;
  }
  
  .logo-area > span:first-child {
    margin-bottom: -10px;
  }
  
  .logo-area span:first-child + span {
    max-width: calc(100% - 105px);
  }
  
  .logo-area span:first-child + span * {
    max-width: 100%;
  }
  
}

@media all and (min-width: 768px) and (max-width: 1200px) {
  .content-features-thirds .logo-row > div > div {
    margin: auto;
  }
  
  .content-features-thirds > .theme-row .logo-row {
    max-width: 700px;
    margin: auto;
  }
  
  .content-features-thirds > .theme-row > div:first-child, .content-features-thirds > .theme-row > div:first-child + div {
    border-right: 0;
    border-bottom: 1px solid #DDDDDD;
  }
  
  .content-features-thirds > .theme-row > div:first-child + div + div {
    background-color: transparent !important;
  }
  
  .marketing-hero h1 {
    margin-top: 10%;
  }
  
  .marketing-hero .btn {
    margin-bottom: 10%;
  }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) { 
.CompGridProduct-list > div div.category-product {width:33%}
.CompGridProduct-list > div div.category-product:first-of-type, .CompGridProduct-list > div div.category-product:nth-of-type(2) { width:50%;}
.CompGridProduct-list > div div.category-product:first-of-type a, .CompGridProduct-list > div div.category-product:nth-of-type(2) a { max-height:inherit; height:400px; line-height:400px;}
.CompGridProduct-list .category-product .thumbnail { min-height: inherit; height:205px; line-height: inherit; margin-bottom: 0px; }
.CompGridProduct-list > div div.category-product:first-of-type .thumbnail:hover .quick-view {top:100px;}

.homepage-learnmore > .theme-row > div:first-child {
  margin-bottom: 50px !important;
}

.homepage-bullets > .theme-row > div {
  margin-bottom: 30px !important;
}

.homepage-testimonials .testimonial:nth-child(3) {
  clear: both;
}

.homepage-testimonials .testimonial:nth-child(1),Â .homepage-testimonials .testimonial:nth-child(2) {
  margin-bottom: 50px !important;
}

.homepage-successfulstore > .theme-row > div {
  clear: both;
}

.homepage-successfulstore > .theme-row > div:first-child {
  margin-bottom: 60px !important;
}

.footer-bottom > .theme-row > div {
  margin-bottom: 30px;
}

.footer-bottom .theme-row {
  padding-left: 30px;
  padding-right: 30px;
}

.homepage-features > .theme-row > div:nth-child(2n+1) {
  clear: both;
}

.homepage-features > .row > div:nth-child(2n+1) > .feature-item {
  float: right;
}

.homepage-features > .theme-row > div:nth-child(2n+1) {
  clear: none;
}

.homepage-features > .theme-row > div:nth-child(3n+1) {
  clear: both;
}

.homepage-features .feature-item .svg-wrapper {
  float: none;
  width: auto;
}

.homepage-features .feature-item span {
  line-height: 26px;
  float: none;
  padding: 0 10px;
  text-align: center;
}

.content-thirds > .theme-row > div {
  height: 600px;
  max-height: none !important;
}

.content-thirds > .theme-row > div > .inner {
  padding: 40px !important;
}

.content-halves-alt p {
  height: 110px;
}

.content-halves-alt .img-wrapper {
  padding: 0 20px;
}

.content-features-thirds > .theme-row > div div[class*=img-wrapper] img {
  width: 400px;
  max-width: 100%;
}

.marketing-hero img {
  margin-top: 50px;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
.content-halves-alt .col-sm-6:last-child {
  background-color: #ffffff !important;
  border-top: 1px solid #DDDDDD; 
}

.content-halves-alt > .theme-row > div {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}


div#off-canvas-nav, .levelHolderClass {
  max-width: 400px !important;
  min-width: 0px !important;
  background: #212d3a !important;
}

.PhotoBgThumbnails {float:none;}
.CompGridProduct-list > div div.category-product {width:50%}
.CompGridProduct-list > div:nth-of-type(2n+1) div.category-product:first-of-type, .CompGridProduct-list > div:nth-of-type(1n+1) div.category-product:first-of-type { width:100%;}
.CompGridProduct-list > div:nth-of-type(2n+1) div.category-product:first-of-type, .CompGridProduct-list > div:nth-of-type(1n+1) div.category-product:first-of-type a {height:inherit;}
.CompGridProduct-list > div div.category-product:first-of-type a, .CompGridProduct-list > div div.category-product:nth-of-type(2) a { max-height:inherit; height:300px; line-height:300px;}
.CompGridProduct-list .category-product .thumbnail { min-height: inherit; height:300px; line-height: inherit; margin-bottom: 0px; }
.CompGridProduct-list > div:nth-of-type(1n+1) div.category-product {float:left;}
.CompGridProduct-list > div div.category-product:first-of-type .thumbnail:hover .quick-view {top:100px;}
.center-sm { text-align: center; }

.homepage-learnmore > .theme-row > div:first-child {
  margin-bottom: 50px !important;
}

.homepage-bullets > .theme-row > div {
  margin-bottom: 30px !important;
}

.homepage-testimonials .testimonial {
  margin-bottom: 60px !important;
}

.homepage-trustedbrands .trustedbrands-wrapper img {
  margin: 10px !important;
}

.homepage-successfulstore > .theme-row > div {
  clear: both;
}

.homepage-successfulstore > .theme-row > div:first-child {
  margin-bottom: 60px !important;
}

.footer-top > .theme-row > div {
  padding: 10px 20px;
  text-align: center;
}

.footer-bottom p {
  max-width: none;
}

.footer-bottom > .theme-row > div {
  margin-bottom: 30px;
}

.footer-bottom .theme-row {
  padding-left: 30px;
  padding-right: 30px;
}

.h3 {
  padding-left: 10px;
  padding-right: 10px;
}

.homepage-features > .theme-row > div:nth-child(2n+1) {
  clear: both;
}

.homepage-features > .row > div:nth-child(2n+1) > .feature-item {
  float: right;
}

.homepage-features > .theme-row > div:nth-child(2n+1) {
  clear: both;
}

.homepage-features .feature-item .svg-wrapper {
  float: none;
  width: auto;
}

.homepage-features .feature-item span {
  line-height: 26px;
  float: none;
  padding: 0 10px;
  text-align: center;
}

.homepage-features .feature-item {
  padding-top:40px;
}

.homepage-features > .theme-row > div:nth-child(2n+1) {
  padding-right: 8px;
}

.homepage-features > .theme-row > div:nth-child(2n) {
  padding-left: 8px
}

.hero .hero-img-wrapper .hero-computer {
  padding-right: 15px;
}

.hero .hero-img-wrapper .hero-iphone {
  padding-left: 5px;
}

.content-thirds > .theme-row > div > .inner, .content-halves > .theme-row > div > .inner {
  padding: 30px 40px 50px !important;
}

.content-halves > .theme-row > div, .content-thirds > .theme-row > div {
  height: auto !important;
}

.nav-page {
  border-bottom: 1px solid #DDDDDD;
}

.navbar-header .navbar-brand {
  color: #212D39;
}

.navbar-header .navbar-toggle {
  padding:12px !important;
  margin: 5px 15px !important;
  border:1px solid transparent;
  background: transparent
}

.navbar-header .navbar-toggle .icon-bar {
  background: #212D39;
}

.nav-page .navbar-collapse {
  padding:0;
}

.nav-page .navbar-collapse ul {
  padding: 0;
  margin:0;
  margin-bottom:10px;
}

.nav-page .navbar-collapse ul li a {
  padding: 5px 15px;
  display:block;
}

.content-features-thirds > .theme-row > div {
  border-bottom: 1px solid #DDDDDD;
}

.content-features-thirds > .theme-row > div:first-child + div + div {
  border-bottom-width: 0;
}

.content-features-thirds > .theme-row > div {
  padding-top: 40px !important;
  height: 475px !important;
} 
}

/* Landscape phones and down */
@media (max-width: 480px) { 
.CompGridProduct-list > div div.category-product {width:100%}
.CompGridProduct-list > div div.category-product:first-of-type a, .CompGridProduct-list > div div.category-product:nth-of-type(2) a { max-height:inherit; height:inherit; line-height:inherit;}
.CompGridProduct-list .category-product .thumbnail { min-height: inherit; height:inherit; line-height: inherit; margin-bottom: 0px; }

.hero {
  padding-top: 35px !important;
  height: 375px;
}

.hero h1, .hero.content-hero h1, .page-header h1 {
  font-size: 50px !important;
}

.page-header {
  padding: 40px 15px !important;
}

.hero h2 {
  width: 80%;
  margin: 0 auto !important;
  font-size: 18px;
}

.footer-bottom .theme-row {
  padding-left: 20px;
  padding-right: 20px;
}

.logo-link {
  max-width: 200px;
}

header .logo-link {
  padding: 30px 0 30px;
  max-width: 190px;
}

.content-beautifulthemes .content-beautifulthemes-img-wrapper img {
  width: 800px !important;
}
.social-engagement-img-wrapper {
  overflow-x: hidden;    
}

.social-engagement-img-wrapper img {
  width:100%;
  margin-left: -10000px !important;
  margin-right: -10000px !important;
} 
.marketing-hero {
  height: auto;
}
}

.container { width: 100%; max-width: 1410px; }

@media screen and (min-width: 768px) {
  .top-nav .collapse .nav .dropdown>ul>li:last-of-type {
    float: right;
    font-size: 16px;
    color: #777;
  }
  
  .top-nav .collapse .nav .dropdown>ul>li:last-of-type a {
    text-decoration:none;
  }
  
  .top-nav .navbar-nav>li>a {
    padding: 36px 22px 30px;
    color: #FFF;
  }
  
  .top-nav .navbar-right li:first-child>a {
    padding-right: 8px;
}
  
  .top-nav .navbar-right li>a {
    color: #fff;
    
  }
  
  .top-nav .navbar-right li>a:hover, .top-nav .navbar-right li>a:focus {
    opacity:1;
  }
  .top-nav.navbar {
    min-height: 0px;
    border-bottom: 0;
  }
  
  .top-nav:hover li > a:after, .top-nav.hover li > a:after {
    border-width: 0 0px 15px 0px !important;
    margin-left: 0 !important;
  }
  
  .top-nav li.dropdown > a:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0px 15px 0px;
    border-color: transparent transparent #ffffff transparent;
    content: "";
    position:absolute;
    bottom: -1px;
    left: 50%;
    margin-left: 0;
    transition: all 0.15s;
  }
  
  .top-nav .navbar-left li.dropdown:hover > a:after, .top-nav .navbar-left li.dropdown.hover > a:after, .top-nav .navbar-left li.dropdown > a:focus:after {
    border-width: 0 13px 15px 13px !important;
    border-color: transparent transparent #ffffff transparent;
    margin-left: -13px !important;
  }
  
  .navbar-nav .dropdown:hover > .dropdown-menu, .navbar-nav .dropdown.hover > .dropdown-menu, .navbar-nav .dropdown > a:focus + .dropdown-menu {
    max-height: 100px;
    border-bottom: 1px solid #dddddd;
    z-index: 2;
  }
  
  .navbar-nav .dropdown > .dropdown-menu {
    display: block;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s;
    border:0;
  }
}

/*@media all and (max-width: 991px) and (min-width: 701px) {
.homepage-features .feature-item {
float: none !important;
width: 100% !important;
max-width: 500px;
text-align: center;
margin: auto;
}

.homepage-features .feature-item::after {
content: '';
display: block;
clear: both;
}
}

@media all and (max-width: 700px) {
.homepage-features .feature-item {
width: 100% !important;
float: none !important;
text-align:center;
padding:10px
}

.homepage-features .feature-item svg {
display:none !important;
}

.homepage-features .feature-item span {
float: none !important;
}

.homepage-features ..h3 {
margin-bottom:50px

}
}
*/

/* Bootstrap Fifths */
.col-fifth {
  width: 20%;
  padding-right: 15px;
  padding-left: 15px;
  float:left;
  position: relative;
  min-height: 1px;
}


@media (min-width: 768px) and (max-width: 991px) { 
.col-fifth:nth-child(1), .col-fifth:nth-child(2), .col-fifth:nth-child(3) { 
  width: 33.3333333%; 
}

.col-fifth:nth-child(4) {
  clear: both;
}

.col-fifth:nth-child(4), .col-fifth:nth-child(5)  { 
  width: 50%; 
}
.logo-area {
  padding-bottom:24px;
  padding-top:20px;
}
.logo-area span a svg {
  width:255px;
  top: 6px;
  position: relative;
}
}

@media (max-width: 767px) { 

.disclaimers { 
  padding: 60px 30px;
  
}

.col-fifth {
  width: 50%;
}

.col-fifth:last-child {
  width: 100%;
}

.col-fifth:nth-child(3) {
  clear: both;
}

.nav-footer .btn-footer {
  font-size: 12px;
}
.logo-area {
  padding-bottom:24px;
  padding-top:20px;
}
.logo-area span a svg {
  width:222px;
  top: 10px;
  position: relative;
}

.content-beautifulthemes .content-beautifulthemes-img-wrapper img {
  width: 1000px !important;
}

.content-beautifulthemes .content-beautifulthemes-img-wrapper img {
  width: 800px !important;
}
#livechat-compact-container, #livechat-full {
  display: none;
}
}

@media all and (max-width:375px) {
  .logo-area span a svg {
    width: 206px;
  }
}

/* End Bootstrap Fifths */

@media all and (min-width:991px) {
  .col-xs-offset-1 {
    margin-left: 0;
  }
}
